/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Mr. Cieplicki Gaetan */
/* Added: June 18th, 2005 */

body {

	background: #004040 url("body-bg.png") 0 0 no-repeat;
	font: 8px/10px "Small fonts";
}

span {
	font: 8px/10px "Small fonts";
	color: #FFFF88;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
h3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul li a {
	text-decoration: none;
}
a {
	color: #000000;
}

ul li:hover {
	background-color: #FFFFFF;
}

img {
	border: 0;
}
div {
	background-color: #004040;
}
h3.text {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.text:hover {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 5px;
}
h3.text span {
    color: #000;
	text-decoration: none;
}
h3.text span a {
	text-decoration: none;
}
h3.text span a:hover {
	text-decoration: none;
    color: #F00;
	background-color: #FFFFFF;
}



/*******************
 *  C O N T A C T  *
 *******************
 */
#contact {
	position:absolute;
	left: 32px;
	top: 171px;
	width: 193px;
}
#contact ul li {
	padding: 1px 1px;
	text-align:center;
	background-color: #FFFF80;
}
#contact ul li:hover {
	background-color: #FFFFFF;
}

#contact ul li a {
	color: #000000;
}
#contact h3.contact span {
    display: none;
}

/*************
 *  L E F T  *
 *************
 */
#left {
	position:absolute;
	padding: 0;
	left: 0px;
	top: 187px;
	width: 254px;
	background: #004040 url("left-bg.png") 0 0 repeat-y;

}
#left h3.gigs {
    position: relative;
	width: 254px;
	height: 104px;
	background: #004040 url("gigs-top.png") 0 0 no-repeat;
}
#left h3.gigs span {
    display: none;
}
#left h3.left {
    position: relative;
	width: 254px;
	height: 18px;
	background: #004040 url("left-bottom.png") 0 0 no-repeat;
}

/*************
 *  G I G S  *
 *************
 */
#gigs {
	position:relative;
	left: 39px;
	width: 193px;
}
#gigs ul li {
	padding: 0px 3px;
	text-align:left;
	color:#000000;
	background: #004040 url("gigs-bg.png") 0 0 repeat-y;
}
#gigs ul li:hover {
    text-decoration: bold;
    background: none;
    background-color: #FFFFFF;
    color: #000000;
}
#gigs h3.text {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 4px;
	background: #004040 url("gigs-bg.png") 0 0 repeat-y;
}

/*****************
 *  M I D D L E  *
 *****************
 */
#middle {
	position:absolute;
	padding: 0;
	background: #004040 url("middle-bg.png") 0 0 repeat-y;
	left: 283px;
	top: 154px;
	width: 203px;
}
#middle h3.bendedToyz {
    position: relative;
    top:0px;
	width: 203px;
	height: 159px;
	background: #000 url("bendedToyz-top.png") 0 0 no-repeat;
}
#middle h3.bendedToyz span {
    display: none;
}
#middle h3.middle {
    position: relative;
	width: 203px;
	height: 10px;
	background: url("middle-bottom.png") 0 0 no-repeat;
}

/***************************
 *  B E N D E D   T O Y Z  *
 ***************************
 */
#bendedToyz {
	background: #000;
    position: relative;
	left: 10px;
	width: 183px;
}
#bendedToyz ul li {
	padding: 1px 3px;
	text-align:center;
	background-color: #000000;
}

#bendedToyz ul li:hover {
	background-color: #FFFFFF;
}

#bendedToyz ul li a {
	color: #FFFFFF;
}

/***********************************
 *  R I G H T   C O N T A I N E R  *
 ***********************************
 */
#rightcontainer {
	position:absolute;
	background-color: #004040;
	padding: 0;
	left: 533px;
	top: 166px;
	width: 214px;
}
/***********************
 *  R I G H T   T O P  *
 ***********************
 */
#righttop {
	position:relative;
	padding: 0;
	background: #004040 url("righttop-bg.png") 0 0 repeat-y;
	width: 255px;
}
#righttop h3.links {
    display: none;
    /*
    position: relative;
	width: 255px;
	height: 34px;
	background: #000 url("links-top.png") 0 0 no-repeat;
	*/
}
#righttop h3.links span {
    display: none;
}

/***************
 *  L I N K S  *
 ***************
 */
#links {
	position:relative;
	left: 27px;
	width: 145px;
}
#links ul li {
	padding: 1px 13px;
	color: #000;
	text-align:left;
	background-color: #000000;
}

#links ul li:hover {
	background-color: #FFFFFF;
}

#links ul li a {
	color: #00FF00;
}

#links ul li:hover a {
	color: #000000;
}

/***************
 *  R I G H T  *
 ***************
 */
#right {
	position:relative;
	padding: 0;
	background: #004040 url("right-bg.png") 0 0 repeat-y;
	width: 255px;
}
#right h3.trackz {
    position: relative;
	width: 210px;
	height: 71px;
	background: #004040 url("trackz-top.png") 0 0 no-repeat;
}
#right h3.trackz span {
    display: none;
}
#right h3.right {
    position: relative;
	width: 255px;
	height: 51px;
	background: #004040 url("right-bottom.png") 0 0 no-repeat;
}

/*****************
 *  T R A C K Z  *
 *****************
 */
#trackz {
	position:relative;
	left: 9px;
	width: 184px;
	background-color: #804000;
	padding: 0px 0px;
   	text-align:left;
	background-color: #804000;
	color: #FFFFFF;
}
#trackz ul li {
	padding: 0px 3px;
	text-align:left;
	background-color: #804000;
}

#trackz ul li:hover {
	background-color: #FFFFFF;
}

#trackz ul li a {
	color: #FFFFFF;
}

#trackz ul li:hover a {
	color: #000000;
}

#trackz p {
	padding: 0px 0px;
   	text-align:left;
	background-color: #804000;
	color: #FFFFFF;
}
#trackz p.titre {
	padding: 0px 0px;
   	text-align:center;
        background-color: #804000;
	color: #FFFFFF;
	font: 10px/12px "Small fonts";
}
#trackz p.album {
   	padding-top: 2px;
        padding-bottom: 2px;
        margin-top:15px;
        margin-bottom:2px;
        text-align:center;
        background-color: #301000;
	color: #F0D000;
	font-size:16px;
}
#trackz p.texte {
	color: #F0D000;
	text-decoration:underline;
	margin:0px;
}
#trackz a.label {
        color: #F0D000;
}
#trackz a.label:hover {
        color: #FFFFFF;
}
#trackz img.cover {
	border-width:1px;
	border-color:#F0D000;
	border-style:solid;
}
#trackz img.cover:hover {
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
}